<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>协会员工管理</title>
    <link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
    <link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_824072_3dz7368isc3.css">
</head>

<body>
    <div id="left" class="fl pos-a ht100-per" style="width:200px; background:#000f1e;">
        <!--菜单收缩width:60px;-----菜单展开width:200px;-->
        <!--菜单展开-start-->
        <div id="left_open">
            <!--菜单收缩display-n-----菜单展开-->
            <div class="text-c ht65">
                <img src="../images/main-logo.png" class="pt15" alt="飞道logo">
            </div>
        </div>
        <!--菜单展开-end-->
    </div>
    <div id="right" class="ht100-per" style="margin-left:200px;min-width:800px;">
        <!--菜单展开margin-left:200px;-----菜单收缩margin-left:70px;-->
        <!--右侧顶部条-start-->
        <div class="border-b-1 bg-e" style="height:80px;line-height:80px;">

        </div>
        <!--右侧顶部条-end-->
        <!-- 内容 start -->
        <div style="padding: 10px">
            <!-- 操作 start -->
            <div style="min-height:40px;margin-top:20px;">
                <div class="earl-body-operation statistics-search color-6 font12">
                    <p class="font14 display-ib" style="padding-left: 15px">工号:
                        <input type="text" class="font14 border-1 radius-4" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">姓名:
                        <input type="text" class="font14 border-1 radius-4" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">部门:
                        <input type="text" class="font14 border-1 radius-4" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="padding-left: 15px">性别:
                        <input type="text" class="font14 border-1 radius-4" style="padding-left: 5px;height: 26px;line-height: 26px;">
                    </p>
                    <p class="font14 display-ib" style="margin-left: 20px">
                        <input type="button" value="查询" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                    <p class="font14 display-ib fr" style="margin-right: 20px">
                        <input type="button" value="删除" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                    <p class="font14 display-ib fr" style="margin-right: 20px">
                        <input type="button" value="新增" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                </div>
            </div>
            <!-- 操作 end -->
            <!-- 表格 start -->
            <div class="font12 t_body color-3" style=" margin-top: 10px;width: 1676px">
                <!--表头 start -->
                <div class="border-t-1 cursor-p border-b-1" style="background: #f4f4f4;">
                    <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                        <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                    </span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:246px;">工号</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:250px;">姓名</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">性别</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">岗位</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">部门</span>
                    <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">联系电话</span>
                </div>
                <!--表头 end-->
                <!-- 表体 start-->
                <div class="display-">
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:246px;">12345678</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:250px;">千禧</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">男</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑部</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">联系电话</span>
                    </div>
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:246px;">12345678</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:250px;">千禧</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">男</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑部</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">联系电话</span>
                    </div>
                    <div class="border-b-1 tableRow">
                        <span class="display-ib text-c ht40 l-ht40 p5 border-r-1 vertical-a-t border-l-1" style="width:50px;">
                            <input type="checkbox" class="cursor-p" style="margin-top:10px;" />
                        </span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:246px;">12345678</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c font-1890ff cursor-p" style="width:250px;">千禧</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:200px;">男</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">编辑部</span>
                        <span class="display-ib pos-r p5 ht40 l-ht40 border-r-1 vertical-a-t text-c" style="width:300px;">联系电话</span>
                    </div>
                </div>
                <!--筛选结果为空的蒙版 start-->
                <div>
                    <div class="text-c cursor-p color-9 display-n" style="padding:100px 0;">
                        <i class="iconfont icon-wushuju text-c vertical-a-t" style="font-size: 100px"></i>
                        <div class="font28" style="line-height:50px;">没有符合当前筛选条件的数据</div>
                    </div>
                </div>
                <!--筛选结果为空的蒙版 end-->
                <!-- 表体 end-->
            </div>
            <!-- 表格 end -->
            <!--分页 start-->
            <div class="pos-a" style="right: 30px;height:30px;line-height:30px;bottom: 60px;">
                <div class="display-ib">分页</div>
                <div class="display-ib vertical-a-m font12" style="height:30px;">显示
                    <select class="radius-4 border-1" style="height:28px;width:40px;" id="zj_fy" data-feidao-actions="change:eu-008">
                        <option value="10">10</option>
                        <option selected="" value="20">20</option>
                        <option value="30">30</option>
                        <option value="40">40</option>
                        <option value="50">50</option>
                    </select>条数据
                </div>
            </div>
            <!--分页 end-->
        </div>
        <!-- 内容 end -->
    </div>
    <!-- 详情 start -->
    <div class="pos-a color-3 border-l-1 display-n" style="z-index:99;top:81px;bottom:0;width:1100px;right:0;background:#fff;">
        <div style="padding:20px">
            <div style="padding:10px;">
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        工号：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="123456" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        姓名：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="赵莹" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        性别：</span>
                    <select type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6 ht30 l-ht30" style="padding:0 5px;width:212px;">
                        <option value="">请选择</option>
                        <option value="">男</option>
                        <option value="">女</option>
                    </select>
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        年龄：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="21" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        部门：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="编辑部" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        岗位：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="编辑" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        籍贯：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="河南新郑" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        民族：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="汉" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        身份证号：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="4101841961105632X" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        入职时间：</span>
                    <input type="date" class="border-1 radius-4" value="2018-07-23" style="padding: 5px;width: 200px">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        电子邮箱：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="1720263369@qq.com" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        联系电话：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" value="15188304558" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        头像：</span>
                    <p class="font14 display-ib" style="margin-right: 20px">
                        <input type="button" value="更改头像" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                </div>
                <div class="text-c" style="margin:30px 0;">
                    <input type="button" value="确定" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    <input type="button" value="取消" class="border-none text-c w100 font14 radius-4 ht30 l-ht30 cursor-p" style="background: #ddd">
                </div>
            </div>
        </div>
    </div>
    <!-- 详情 end -->
    <!--新增协会员工信息 start-->
    <div class="pos-f bg-black-rgba3 display-n" style="top:0;left:0;width:100%;height:100%;z-index:99;">
        <div class="pos-f bg-f radius-4 overflow-h" style="top:10%;left:45%; width:900px;margin-left:-300px;">
            <div class="bg-1890ff font14 color-f" style="line-height:40px;padding-left:10px;">
                <i class="icon iconfont icon-shanchu fr text-c cursor-p" style="width:40px;"></i>新增协会员工信息
            </div>
            <div style="padding:10px;">
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        工号：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        姓名：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        性别：</span>
                    <select type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6 ht30 l-ht30" style="padding:0 5px;width:212px;">
                        <option value="">请选择</option>
                        <option value="">男</option>
                        <option value="">女</option>
                    </select>
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        年龄：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        部门：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        岗位：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        籍贯：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        民族：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        身份证号：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        入职时间：</span>
                    <input type="date" class="border-1 radius-4" style="padding: 5px;width: 200px">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        电子邮箱：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        联系电话：</span>
                    <input type="text" class="display-ib vertical-a-t border-1 radius-4 font14 color-6" style="padding:0 5px;line-height:30px;width:200px;">
                </div>
                <div style="margin-top:20px;">
                    <span class="display-ib vertical-a-t font14 color-6 text-r" style="line-height:30px;width:150px;">
                        头像：</span>
                    <p class="font14 display-ib" style="margin-right: 20px">
                        <input type="button" value="上传头像" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    </p>
                </div>
                <div class="text-c" style="margin:30px 0;">
                    <input type="button" value="确定" class="bg-1890ff border-none text-c w100 color-f font14 radius-4 ht30 l-ht30 cursor-p">
                    <input type="button" value="取消" class="border-none text-c w100 font14 radius-4 ht30 l-ht30 cursor-p" style="background: #ddd">
                </div>
            </div>
        </div>
    </div>
    <!--新增协会员工信息 end-->
</body>

</html>